<template>
  <div class="yun">
    <navbar>
      <div class="nav">
        <h3>云村导航</h3>
      </div>
    </navbar>
    <c-button :change="ff">哈哈哈哈哈</c-button>
    <div>
      <input type="text" v-focus />
    </div>
    <tabbars></tabbars>
  </div>
</template>
<script>
import Navbar from "../components/Navbar.vue";
import Tabbars from "../components/Tabbars.vue";
import CButton from "../mypackages/Button";
import Vue from "vue";
Vue.use(CButton);
export default {
  components: { Tabbars, Navbar },
  name: "Yun",
  methods: {
    ff() {
      // 业务函数
      console.log("11111");
    },
  },
  directives: {
    focus: {
      // 指令的定义
      inserted: function (el) {
        console.log(el);
        el.focus();
      },
    },
  },
};
</script>
<style lang="less" scoped>
.yun .nav {
  line-height: 60px;
  text-align: center;
  background: @primary;
}
</style>